<template>
    <el-table :data="userdata" height="500px">
    <el-table-column align="center" width="50" label="序号" :index="indexMethod" type="index"></el-table-column>
    <el-table-column align="left" show-overflow-tooltip label="用户代码" prop="usrCode"></el-table-column>
    <el-table-column align="left" show-overflow-tooltip label="用户名称" prop="usrName" ></el-table-column>
    <el-table-column align="left" show-overflow-tooltip label="部门" prop="dptName" ></el-table-column>
    <el-table-column align="left" show-overflow-tooltip label="角色" prop="roleName"></el-table-column>
     <el-table-column align="left" show-overflow-tooltip label="邮箱" prop="usrEmail"></el-table-column>
    <el-table-column align="left" show-overflow-tooltip label="状态" prop="usrStatus">
      <template slot-scope="scope">
        <span>{{ USR_STATUS[scope.row.usrStatus] }}</span>
      </template>
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  name: 'seedialog',
  props: {
    flt_info: {
      type: Object,
      required: true
    },
    disabled: {
      type: Boolean,
      default: false
    },
    showDialog: {
      type: Boolean,
      required: false
    },
    userdata: {
      type: Array,
      required: true
    }
  },
  data() {
    return {
      FLT_INFO: this.flt_info,
      USR_STATUS: {
        Y: '可用',
        N: '不可用'
      },
    }
  },
  watch: {
    flt_info() {
      this.FLT_INFO = this.flt_info
    }
  },
}
</script>

<style lang="scss" scoped></style>
